<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>首页</title>
</head>

<body class="df fdc">
    <!-- 主要内容 -->
    <section class="main-cont f1 ofs">
        <!-- 轮播图 -->
        <div class="swiper">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img class="img" src="../../assets/imgs/index-swiper-bg1.jpg" alt="" />
                    </div>
                    <div class="swiper-slide">
                        <img class="img" src="../../assets/imgs/index-swiper-bg2.jpg" alt="" />
                    </div>
                    <div class="swiper-slide">
                        <img class="img" src="../../assets/imgs/index-swiper-bg3.jpg" alt="" />
                    </div>
                </div>
                <!-- 分页器 -->
                <div class="swiper-pagination"></div>
            </div>
        </div>

        <!-- 各个小模块内容 -->
        <div class="container">
            <div class="wrap df jcsb mt20">
                <div class="box1 br15">
                    <span class="ranking displayB">今日排名
                        <span id="rankNo"></span>
                    </span>
                    <span class="num displayB"></span>
                </div>
                <div class="box2 br15">
                    <p class="clockIn">累计打卡 <span id="clockDay"></span></p>
                    <a id="clock" class="clock" href="#">今日打卡</a>
                </div>
            </div>
            <div class="wrap df jcsb mt20">
                <div class="box3 br15">
                    <span class="motionData displayB">运动数据</span>
                </div>
                <div class="box4 br15">
                    累计运动徽章
                    <span id="badge"></span>
                    枚
                </div>
            </div>
            <div class="wrap mt20">
                <div class="box5 br15 img1"></div>
            </div>
            <div class="wrap mt20">
                <div class="box5 br15 img2"></div>
            </div>
        </div>
    </section>
    
    <!-- 底部菜单栏 -->
    <!-- tabbar -->
    <!-- <div class="tabbar fn df jcsb aic">
      <a href="./home.html" class="item df fdc aic">
        <i class="iconfont icon-home"></i>
        <span>首页</span>
      </a>
      <a href="./sports.html" class="item df fdc aic">
        <i class="iconfont icon-sports"></i>
        <span>运动</span>
      </a>
      <a href="./circle.html" class="item df fdc aic">
        <i class="iconfont icon-circle"></i>
        <span>圈子</span>
      </a>
      <a href="./mine.html" class="item df fdc aic">
        <i class="iconfont icon-mine"></i>
        <span>我的</span>
      </a>
    </div> -->
</body>

</html>